<template>
  <div class="footer-container">
    <el-row>
      <el-col :span="24">
        <hr />
      </el-col> 
      <el-col :span="24">
        <div class="footer-copyright">
          <p class="text-center" style="color: #999">
            Copyright <span>&copy;</span> 2017-2021
            北京学佳澳软件科技发展有限公司 All Rights Reserved.
            <a href="http://beian.miit.gov.cn/">京ICP备18024677号-1</a
            >&nbsp;&nbsp; <a href="#">作者: 西蒙牛</a>
          </p>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import "~/assets/css/global.css";
export default {};
</script>
<style>
.footer-bar {
  text-align: center;
  line-height: 240px;
}
.footer-bar a {
  text-decoration: none;
  color: #336699;
  font-weight: bold;
}
.footer-copyright {
  text-align: center;
}

.main-nav {
  display: flex;
}

.main-nav li {
  list-style: none;
  width: 33%;
}

.main-nav li a {
  text-decoration: none;
  color: #666;
}

.main-nav li a:hover {
  text-decoration: none;
  color: #336699;
}

.drop {
  margin-top: 20px;
  margin-left: 0px;
}

.drop li {
  width: 100%;
  text-decoration: none;
  color: #336699;
  font-size: small;
  padding: 5px;
}

.footer-copyright p {
  color: #ccc;
  font-size: small;
}

.footer-copyright a {
  color: #ccc;
  text-decoration: none;
}
</style>